<template>
    <div>
        <company-outline>
            <div class="company-home-container">
                <div class="company-home-content-contract">
                    <div class="company-home-content-contract-title">联系我们</div>
                    <div class="company-home-content-contract-info">
                        <div class="company-home-content-contract-info-row">
                            地址：<span class="company-home-content-contract-info-value">广州市南沙区南沙街</span>
                        </div>
                        <div class="company-home-content-contract-info-row">
                            手机：<span class="company-home-content-contract-info-value">12345678910</span>
                        </div>
                        <div class="company-home-content-contract-info-row">
                            电话：<span class="company-home-content-contract-info-value">020-123456</span>
                        </div>
                        <div class="company-home-content-contract-info-row">
                            邮箱：<span class="company-home-content-contract-info-value">123123123@qq.com</span>
                        </div>
                        <div class="company-home-content-contract-info-row">
                            网址：<span class="company-home-content-contract-info-value">www.baidu.com</span>
                        </div>
                    </div>
                </div>
                <div class="company-home-content-profile">
                    <div class="company-home-content-profile-title">公司简介</div>
                    <div class="company-home-content-profile-text">
                        <p>
                            广州市宇盟展览服务有限公司拥有丰富的展览组织策划经验，公司与中国各地政府部门、贸促会系统、外经贸系统、
                            商会、行业协会、国际展览公司、媒体机构等进行了广泛的合作，在国内是香港、上海、广州等众多海外知名展会的密密
                            切合作伙伴。而在国外是德国、法国、英国、意大利、俄罗斯、乌兹别克斯坦、阿联酋、土耳其、美国、日本、巴西、墨
                            西哥等众多海外知名展会的密切合作伙伴。
                        </p>
                        <p>
                            广州市宇盟展览服务有限公司将继续倡导“客户的满意是我们最大的需求”的企业精神，顺应产业发展、关注客户需
                            求，逐步完善国内国外的展览服务网络，致力于提高宇盟展览品牌的知名度与美誉度，并以专业的策划推广、严格的操作
                            管理和卓越的服务质量贡献予广大企业。
                        </p>
                    </div>
                </div>
            </div>
        </company-outline>
    </div>
</template>

<script>
    import CompanyOutline from '@/components/Company'
    export default {
        name: "index",
        components:{ CompanyOutline },
        data(){
            return {

            }
        }
    }
</script>

<style lang="scss" scoped>
    .company-home-container{
        width:1200px;
        margin:15px auto;
        display: flex;
        justify-content: space-between;
        align-items:flex-start;
        text-align: left;
        .company-home-content-contract{
            width:230px;
            background: #fff url(../../assets/company-contract.png) no-repeat;
            -webkit-background-size: 100% auto;
            background-size: 100% auto;
            background-position: 0 26px;
            font-size:14px;
            color:#333;
            font-weight: 700;
            box-shadow: 3px 3px 10px #999;
            .company-home-content-contract-title{
                height: 38px;
                line-height: 38px;
                background-color: #96C253;
                font-size:16px;
                color:#fff;
                font-weight: 700;
                padding-left:15px;
                &::before{
                    content:"";
                    vertical-align: middle;
                    display: inline-block;
                    margin-right:7px;
                    width:9px;
                    height:9px;
                    border-radius: 50%;
                    background-color: #96C253;
                    border: 3px solid #fff ;
                }
            }
            .company-home-content-contract-info{
                padding:103px 20px 17px;
                .company-home-content-contract-info-row{
                    padding:7px 0;
                    .company-home-content-contract-info-value{
                        color:#666;
                    }
                }
            }
        }
        .company-home-content-profile{
            background-color: #fff;
            margin-left:23px;
            flex:1;
            padding:0 15px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            box-shadow: 3px 3px 10px #999;
            .company-home-content-profile-title{
                padding:19px 14px 13px ;
                color:#237FBA;
                font-size:22px;
                font-weight: 700;
                border-bottom:2px solid #C2C2C4;
            }
            .company-home-content-profile-text{
                padding:22px 50px 25px 6px;
                font-size:16px;
                color:#333;
                text-indent: 2em;
                 > p{
                    line-height: 26px;
                    margin-bottom: 28px;
                    &:last-child{
                        margin-bottom: 0;
                    }
                }
            }
        }
    }
</style>